/*=== MEDIA QUERY ===*/
@mixin mobile-xs{
  @media(max-width:400px){
    @content;
  }
}
@mixin mobile{
  @media(max-width:575px){
    @content;
  }
}
@mixin tablet{
  @media(max-width:767px){
    @content;
  }
}

@mixin desktop-sm{
  @media(max-width:991px){
    @content;
  }
}

@mixin desktop{
  @media(max-width:1024px){
    @content;
  }
}

@mixin large-desktop{
  @media(max-width:1200px){
    @content;
  }
}

@mixin desktop-nav{
  @media(max-width: 1352px){
    @content;
  }
}